/**
* @Author: 李晨光
* @Date: 2019/12/18
* @Version: 1.0
* @Last Modified by: 李晨光
* @Last Modified time: 2019/12/18
**/
<comment>
  # 积分明细
</comment>
<template>
  <div id="ExchangeQRCode" class="p-box">
    <div class="p-return">
      <mu-appbar color="primary" class="lan-header" style="box-shadow:none">
        <mu-button icon slot="left" v-close>
          <i class="iconfont angle-left iconangle-left"></i>
          <span class="lan-header-back">返回</span>
        </mu-button>兑换码
      </mu-appbar>
    </div>
    <div class="p-content">
      <dl>
        <dt>
          <QRcode width="100" height="100" :content="content" :load="false"></QRcode>
        </dt>
        <dd>
          <p class="des">兑换积分二维码</p>
          <p class="fen">当前可兑换积分80</p>
        </dd>
      </dl>
    </div>
  </div>
</template>

<script>
export default {
  name: "ExchangeQRCode",
  components: {},
  props: {},
  data() {
    return {
      content: "?name='Bob'&&age='12'"
    };
  },
  computed: {},
  created() {},
  mounted() {},
  watch: {},
  methods: {},
  destroyed() {}
};
</script>

<style lang="scss">
#ExchangeQRCode {
  .p-content {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    dl {
      text-align: center;
      .des {
        font-size: 0.17rem;
        font-weight: 680;
        color: rgba(61, 61, 61, 1);
        margin-bottom: 0.08rem;
      }
      .fen {
        font-size: 0.13rem;
        font-weight: 400;
        color: rgba(140, 140, 140, 1);
      }
    }
  }
}
</style>
